/* 
* @Author: Administrator
* @Date:   2014-04-01 20:49:31
* @Last Modified by:   Administrator
* @Last Modified time: 2014-04-18 16:08:43
*/

$(document).ready(function(){
    /**
     * 放大镜
     */
/*    var zoom = $('.zoom');
    var block = $('#goodsWarp .conR .conRTop .conRTop_left .show_img #block');
    var ratio = $('.show_img img').width() / $('img', zoom).width();
    $('#goodsWarp .conR .conRTop .conRTop_left .show_img #move').hover(function (e) {
        // 大图显示
        var layerX = e.originalEvent.layerX || e.offsetX || 0;
        var layerY = e.originalEvent.layerY || e.offsetY || 0;
        zoom.css({
            'left' : layerX,
            'top' : layerY
        }).stop().animate({
            'width' : '420px',
            'height' : '420px',
            'left' : 450,
            'top' : 0,
            'opacity' : 1
        }, 400);

        block.css({
            'width' : 420 * ratio + 'px',
            'height' : 420 * ratio +'px'
        }).show();

        // 随小图移动        在这写的话，鼠标移动的多的话放大镜大图会卡，这是因为 内存溢出 内存泄露 了，
        // 解决办法是将这个mousemove事件提出去，放到外层

    }, function (e) {
        $(this).css('cursor', 'default');
        block.stop().hide();

        var layerX = e.originalEvent.layerX || e.offsetX || 0;
        var layerY = e.originalEvent.layerY || e.offsetY || 0;

        zoom.stop().animate({
            'width' : 0,
            'height' : 0,
            'left' : layerX,
            'top' : layerY,
            'opacity' : 0
        }, 400);
    });

    // 随小图移动，提出来到这里，解决大图卡的bug
    $('#move').mousemove(function (e) {
        $(this).css('cursor', 'move');

        var layerX = e.originalEvent.layerX || e.offsetX || 0;
        var layerY = e.originalEvent.layerY || e.offsetY || 0;
        var ox = $(this).width() - block.width();
        var oy = $(this).height()- block.height();
        var _x = layerX - block.width() / 2;
        var _y = layerY - block.height() / 2;
        
        _x = _x < 0 ? 0 : _x;
        _y = _y < 0 ? 0 : _y;
        _x = _x > ox ? ox : _x;
        _y = _y > oy ? oy : _y;

        block.css({
            'left' : _x,
            'top' : _y
        });

        $('img', zoom).css({
            'left' : - block.position().left * ratio,
            'top' : - block.position().top * ratio
        });
    });
    */
    //排行榜
    $('#goodsWarp .conL .conLHot .conLHotNav a').click(function() {
    	var b = $(this).index();
    	$(this).addClass('selected').siblings('a').removeClass('selected');
    	$(this).parent().parent().find('ul').eq(b).show().siblings('ul').hide();
    });

    //查看商品详情或者评论
    $('#goodsWarp .conR .navSp ul li').click(function() {
    	var b = $(this).index();
    	$(this).addClass('selected').siblings('li').removeClass('selected');
    	$(this).parent().parent().parent().find('.goodsArea').eq(b).show().siblings('.goodsArea').hide();
    });
    //商品规格效果
    $('#goodsWarp .conR .conRTop .conRTop_right .guige .guigeOne dd li').click(function() {
    	$(this).addClass('checked').siblings('li').removeClass('checked');
        $(this).find('span').show();
        $(this).siblings('li').find('span').hide();
        var num = $('.checked').length;
        //异步获得商品库存
        if(num>=2){
            var data=$('.size').find('.checked').attr('bcontent')+','+$('.color').find('.checked').attr('bcontent');
            $.ajax({
                url : kucun_url,
                type : 'post',
                data : 'combine=' + data,
                dataType : 'json',
                success : function(data){
                    $('.kucunNum').html(data.binventory);
                    $('.kucunNum').attr('bid', data.bid);
                } 
            });
        }
    });


    var maxNum=parseInt($('.kucunNum').html());  //总库存数
    var nowNum=parseInt($('.numIpt').val());	//购买数量
    // 数量减按钮
    $('.jianBtn').click(function() {
    	var maxNum=parseInt($('.kucunNum').html());  //总库存数
    	var nowNum=parseInt($('.numIpt').val());	//购买数量
    	if (nowNum>1) {
    		$(this).siblings('.numIpt').val(nowNum-1);   //点击按钮购买数量减1
    	};
    });

    //数量加按钮
    $('.jiaBtn').click(function() {
    	var maxNum=parseInt($('.kucunNum').html());  //总库存数
    	var nowNum=parseInt($('.numIpt').val());		//购买数量
    	if (maxNum>=(nowNum+1)) {
	    	$(this).siblings('.numIpt').val(nowNum+1);   //点击按钮购买数量加1
    	};
    });

    //加入购物车弹窗
    $('.rightBtn .butBtn').click(function() {
        //获得数据
        var bid=$('.kucunNum').attr('bid');//货品列表id
        var kucunNum=$('.kucunNum').html();
        var name=$('.conRTop_right h2').html();
        var num = $('.numIpt').val();
        var price = ($('.discountPrice').length>0)?$('.discountPrice'):$('.normalPrice');
        var price=price.html();
        var size=$('.size').find('.checked').find('em').html();
        var color=$('.color').find('.checked').find('em').html();
        var place=$('.place').html();
        var cate=$('.detailsCate').html();
        var imgUrl=$('.imgUrl').attr("src");
        
        //组合用于发送的data
        var data = {'name' : name,'num':num,'price':price,'size':size,'color':color,'place':place,'cate':cate,'imgUrl':imgUrl,'kucunNum':kucunNum,'bid':bid};

        //只有选择规格了才发送异步
        var num = $('.checked').length;
        if(num<2){
            alert('请选择尺码和颜色');
        }else{
            if(kucunNum>0){
                $.ajax({
                    url : add_cart_url,
                    type : 'post',
                    data : data,
                    dataType : 'json',
                    success : function(data){
                        $('#goodsWarp .conR #shoppingCart').show();
                        $('.n_kind').html(data.cart['total_rows']);
                        $('.n_kind_amount').text(data.cart['total']);
                        $('.head_n_kind').text(data.cart['total_rows']);
                    }
                });  
            }else{alert('库存不足,请选择其他的商品')}  
        };
        setTimeout("$('#goodsWarp .conR #shoppingCart').hide()",10000);
    });
    //关闭购物车弹窗
    $('#goodsWarp .conR #shoppingCart .joinCart .joinInfo .closed').click(function() {
        $('#goodsWarp .conR #shoppingCart').hide();
    });


   
});